<template>
  <div style="display: flex;flex-direction: row;flex-wrap: wrap;position: relative;"
    :style="{
      'background': nodeModel.background,
      'marginTop': nodeModel.marginTop/2+'px',
      'marginBottom': nodeModel.marginBottom/2+'px',
      'marginLeft': nodeModel.marginLeft/2+'px',
      'marginRight': nodeModel.marginLeft/2+'px',
    }">
    <div style="font-size: 14px;width: 375px;height: 100px;line-height: 100px;text-align: center;"
    :style="{
      'color': nodeModel.colorForText1,
      'font-size': nodeModel.fontsizeForText1/2 + 'px',
    }">自定义区域</div>
  </div>
</template>
<script>
export default {
  components: {
      
  },
  props:{
    nodeModel:{
      type: Object,
      default: res=>{}
    },
  },
  data() {
    return {
      
    }
  },
  methods:{
      
  }
}
</script>

<style lang="scss" scoped>

</style>